@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://truckstop-mdc-components.web.app/shared.css');

@import '_helpers.css';
@import '_variables.css';
@import '_typography.css';
@import '_modules.css';

body {
  background-image: url('https://truckstop-mdc-components.web.app/images/ts_login_bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  align-content: center;
}

body,
html,
.page {
  height: 100% !important;
  overflow: auto;
}

.tsx-container {
  width: 100%;
  max-width: 23rem;
  height: 100%;
  margin: auto;
  margin-top: 2rem;

  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  text-align: center;
}

div.reactSingularKey_loading-container {
  --primary-color: var(--primary-900, #b60207) !important;
}